<template>
	<div id="app" class="vueblog-vue">
		<Header v-if="!routertitle.existence"></Header>
		<router-view />
	</div>
</template>

<script>
	import {mapState} from 'vuex'
	import Header from './components/Header-blog'
	import cavans from './utils/cavnas'
	import dianji from './utils/dianji'
	export default {
		data() {
			return {

			}
		},
		mounted() {
			cavans
			dianji
		},
		components: {
			Header
		},
		computed: {
			...mapState(
				// 映射 this.routertitle 为 this.$store.state.routertitle
				['routertitle'],
			),
		},
	}
</script>
<style lang="less">
	@import "assets/css/common";

	body {
		/* &::-webkit-scrollbar {
			width: 10px;
			height: 1px;
		}

		&::-webkit-scrollbar-thumb {
			//滑块部分
			border-radius: 5px;
			background-color: #41B883;
		}

		&::-webkit-scrollbar-track {
			//轨道部分
			box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
			background: #ededed;
			border-radius: 5px;
		} */
		&::-webkit-scrollbar {
			width: 0;
			height: 0;
		}
		
		&::-webkit-scrollbar-thumb {
			//滑块部分
			border-radius: 0;
			background-color: #41B883;
		}
		
		&::-webkit-scrollbar-track {
			//轨道部分
			box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
			background: #ededed;
			border-radius: 0;
		}
	}
</style>
